<template>
	<view>
		<view class="title">中国科学技术大学入校安全文明告知书</view>
		<view class="content">
			<view style="margin-bottom: 10rpx;">
				为营造平安文明、美丽和谐的校园环境，预防和减少校内安全稳定事故的发生，请来访人入校期间遵守下列规定：
			</view>
			1.出入校门时主动出示身份证，必要时积极配合学校安保人员查验相关身份证件。
			2.遵守国家法律、法规及学校的各项规章制度。不携带管制刀具、违禁物品进校；不携带易燃易爆危险品、不使用明火；不在校园水域游泳嬉水；不进行宿营、吊床等类似活动；不进行烧烤、搭建帐篷、燃放烟花爆竹；不打架斗殴；不翻越围墙和栅栏；非邀请不进入教学、科研、办公、宿舍及实验楼宇等区域；不从事任何商业经营活动。
			3.遵守社会公德，维护校园环境卫生。不攀折花木、采摘花果，不得踩踏破坏草坪；不携带宠物入校，不捕捉、打捞、垂钓、伤害、杀害校园内的动物；不故意弄脏、攀爬、涂划、损坏校内座椅、运动设施、雕塑、文物、消防等公共设施；不乱扔垃圾、不随地吐痰、不乱扔口香糖；不使用各类扩音设备，不大声喧哗，或以其他方式干扰校园教学、科研和生活秩序。
			4.未经学校有关部门批准，不得在校内组织公开的集会、演讲、快闪等活动，不进行低慢小飞行拍摄等类似活动。
			5.如遇校内重大活动、课程调整、极端天气、特殊原因或其他不可抗力等，不能按预约时间入校的，自愿配合学校管理。
			6.如不遵守法律和学校相关规定或由于个人过失、过错导致人身、财产安全遭受损失或不良后果，个人承担一切后果。
		</view>
		<view class="padding flex flex-direction">
			<button :disabled="!canClick" class="cu-btn bg-blue lg" @click="confirm">已阅读并遵守{{ times>0 ? `(${times}s)`:''}}</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				canClick: false,
				times: 5
			}
		},
		onLoad() {
			this.timer = setInterval(() =>{
				this.times--
				if(this.times<=0) {
					this.canClick = true
					clearInterval(this.timer)
				} 
			}, 1000) 
		},
		methods: {
			confirm() {
				uni.navigateTo({
					url: '/pages/qrcode/notice?' + window.location.href.split('?')[1]
				})
			}
		}
	}
</script>

<style>
.title {
	font-size: 32rpx;
	font-weight: bold;
	text-align: center;
	margin: 20rpx 0;
	padding-top: 40rpx;
}
.content {
	white-space: pre-line;
	padding: 20rpx;
	font-size: 32rpx;
	color: #333;
	line-height: 1.4;
	margin-top: 30rpx;
}
.cu-btn {
	margin-top: 30rpx;
	width: calc(100vw - 60rpx);
}
</style>
